<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/lian.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-container">
            <div class="header-content float-clearfix">
                <div class="logo">
                    <a href="/">
                        <img src="https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146"
                            title="兰蔻官方商城" alt="兰蔻官方商城">
                    </a>
                </div>
            </div>
            <div class="nav-content float-clearfix">
                <div class="logo" style="display: none;">
                    <a href="/">
                        <img src="https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146"
                            title="兰蔻官方商城" alt="兰蔻官方商城" data-image="{
                        &quot;standard&quot;:{&quot;high&quot;:&quot;&quot;, &quot;normal&quot;:&quot;https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146&quot;},
                        &quot;medium&quot;:{&quot;high&quot;:&quot;&quot;, &quot;normal&quot;:&quot;https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146&quot;},
                        &quot;small&quot;:{&quot;high&quot;:&quot;&quot;, &quot;normal&quot;:&quot;https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146&quot;}
                    }">
                    </a>
                </div>
                <ul class="nav">
                    <li>首页</li>
                    <li>护肤</li>
                    <li>彩妆</li>
                    <li>香水</li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                618限时秒杀<span class="tag">HOT</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                必囤套装<span class="tag">HOT</span>
                            </span>

                        </a>
                    </li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                菁纯奢宠<span class="tag">HOT</span>
                            </span>

                        </a>
                    </li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                尝鲜礼盒<span class="tag">HOT</span>
                            </span>

                        </a>
                    </li>
                    <li>试用中心</li>
                    <li>会员中心</li>
                </ul>
                <div class="float">
                    <div class="iconfont icon-fangdajing ic">
                        <div class="sh">
                            <input type="text" placeholder="甄选星品">
                        </div>
                    </div>
                    <a href="./gw.html" class="iconfont icon-gouwuche"></a>
                    <a href="./den.html" class="iconfont icon-wode"></a>
                </div>
            </div>
        </div>
    </div>

    <article class="article">
        <div class="breadcrumb">
            <ul class="list-inline">
                <li><a href="/">首页</a></li>
                <li><a href="/l1_axe_skincare">护肤</a></li>
                <li><a href="/l2_product_type">产品类型</a></li>
                <li><a href="/l3_axe_skincare_the_cleansers_and_toners">卸妆&amp;洁面</a></li>
            </ul>
        </div>
    </article>

    <!--  -->
    <div class="article article-width">
        <!-- 左 -->
        <div class="list-left-nav">
            <div class="filter-title none-sm">
                <p>产品类型</p>
            </div>
            <ul class="filter-classify">
                <li>卸妆&amp;洁面</li>
                <li>美容液&amp;爽肤水</li>
                <li>精华</li>
                <li>眼部护理</li>
                <li>乳液</li>
                <li>面霜</li>
                <li>面膜</li>
                <li>防晒隔离</li>
            </ul>
            <div class="filter-main ">
                <div class="stfilter">
                    <div class="filtername">
                        <span>产品筛选</span> <i class="open-status-icons"></i>
                    </div>
                    <ul class="jie">
                        <li>卸妆&amp;洁面</li>
                        <li>乳液</li>
                    </ul>
                </div>
            </div>
            <div class="filtername">
                <span>肌肤需求</span> <i class="open-status-icon"></i>
            </div>
            <div class="filtername">
                <span>价格</span> <i class="open-status-icon"></i>
            </div>
        </div>
        <!-- 右 -->
        <div class="you">
            <div class="biao">
                <p>商品</p>
                <select class="qi">
                    <option value="">人气推荐</option>
                    <option value="">按上市时间</option>
                    <option value="">按销量排序</option>
                    <option value="">按价格从高到低</option>
                    <option value=""> 按价格从低到高</option>
                </select>
            </div>
            <div class="zhao">
                <!-- <a href="./xian.html"></a> -->
                 <!-- <div class="zha">
                    <div>
                        <img src="https://res.lancome.com.cn/resources/2021/5/20/16215207768597581_460X460.jpg?version=20210616202855146"
                            alt="净澈焕肤洁面乳" style="opacity: 1;">
                    </div>
                    <div class="zh">
                        <p>125ml</p>
                    </div>
                    <div class="zi">
                        <p>净澈焕肤洁面乳</p>
                        <p>Clarifique Pore Refining Cleansing Foam</p>
                    </div>
                    <div class="col-12-6 col-sm-12-12 goods-price">
                        <span>¥365</span>
                    </div>
                    <div class="goods-handle">
                        <div class="btn-box">
                            <a class="btn btn-black event-quickbuy-cart" data-code="LAN00813-001">立即购买</a>
                            <a href="/item/LAN00813-001" class="btn btn-black-border e-read-more" data-code="LAN00813-001">了解详情</a>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="zha">
                    <div>
                        <img src="https://res.lancome.com.cn/resources/2021/5/20/16215207768597581_460X460.jpg?version=20210616202855146"
                            alt="净澈焕肤洁面乳" style="opacity: 1;">
                    </div>
                    <div class="zh">
                        <p>125ml</p>
                    </div>
                    <div class="zi">
                        <p>净澈焕肤洁面乳</p>
                        <p>Clarifique Pore Refining Cleansing Foam</p>
                    </div>
                    <div class="col-12-6 col-sm-12-12 goods-price">
                        <span>¥365</span>
                    </div>
                    <div class="goods-handle">
                        <div class="btn-box">
                            <a class="btn btn-black event-quickbuy-cart" data-code="LAN00813-001">立即购买</a>
                            <a href="/item/LAN00813-001" class="btn btn-black-border e-read-more" data-code="LAN00813-001">了解详情</a>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="zha">
                    <div>
                        <img src="https://res.lancome.com.cn/resources/2021/5/20/16215207768597581_460X460.jpg?version=20210616202855146"
                            alt="净澈焕肤洁面乳" style="opacity: 1;">
                    </div>
                    <div class="zh">
                        <p>125ml</p>
                    </div>
                    <div class="zi">
                        <p>净澈焕肤洁面乳</p>
                        <p>Clarifique Pore Refining Cleansing Foam</p>
                    </div>
                    <div class="col-12-6 col-sm-12-12 goods-price">
                        <span>¥365</span>
                    </div>
                    <div class="goods-handle">
                        <div class="btn-box">
                            <a class="btn btn-black event-quickbuy-cart" data-code="LAN00813-001">立即购买</a>
                            <a href="/item/LAN00813-001" class="btn btn-black-border e-read-more" data-code="LAN00813-001">了解详情</a>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="zha">
                    <div>
                        <img src="https://res.lancome.com.cn/resources/2021/5/20/16215207768597581_460X460.jpg?version=20210616202855146"
                            alt="净澈焕肤洁面乳" style="opacity: 1;">
                    </div>
                    <div class="zh">
                        <p>125ml</p>
                    </div>
                    <div class="zi">
                        <p>净澈焕肤洁面乳</p>
                        <p>Clarifique Pore Refining Cleansing Foam</p>
                    </div>
                    <div class="col-12-6 col-sm-12-12 goods-price">
                        <span>¥365</span>
                    </div>
                    <div class="goods-handle">
                        <div class="btn-box">
                            <a class="btn btn-black event-quickbuy-cart" data-code="LAN00813-001">立即购买</a>
                            <a href="/item/LAN00813-001" class="btn btn-black-border e-read-more" data-code="LAN00813-001">了解详情</a>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="zha">
                    <div>
                        <img src="https://res.lancome.com.cn/resources/2021/5/20/16215207768597581_460X460.jpg?version=20210616202855146"
                            alt="净澈焕肤洁面乳" style="opacity: 1;">
                    </div>
                    <div class="zh">
                        <p>125ml</p>
                    </div>
                    <div class="zi">
                        <p>净澈焕肤洁面乳</p>
                        <p>Clarifique Pore Refining Cleansing Foam</p>
                    </div>
                    <div class="col-12-6 col-sm-12-12 goods-price">
                        <span>¥365</span>
                    </div>
                    <div class="goods-handle">
                        <div class="btn-box">
                            <a class="btn btn-black event-quickbuy-cart" data-code="LAN00813-001">立即购买</a>
                            <a href="/item/LAN00813-001" class="btn btn-black-border e-read-more" data-code="LAN00813-001">了解详情</a>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="goods-handle">
                    <div class="btn-box">
                        <a class="btn btn-black event-quickbuy-cart" data-code="LAN00813-001">立即购买</a>
                        <a href="./xian.html" class="btn btn-black-border e-read-more" data-code="LAN00813-001">了解详情</a>
                    </div>
                </div> -->
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer class="footer">
        <div class="footer-guide">
            <ul class="float-clearfix">
                <li class="guide-item">
                    <h3>关于我们<i class="icon icon-back-top"></i></h3>
                    <div class="guide-item-content">
                        <ul>
                            <li class="addTo-lancome"><a target="_blank" href="/landingpage/join-us">加入兰蔻</a></li>
                            <li class="member-center"><a href="javascript:void(0);"
                                    onclick="return jumpMemberCenter()">会员中心</a></li>
                        </ul>
                    </div>
                </li>
                <li class="guide-item">
                    <h3>联系我们<i class="icon icon-back-top"></i></h3>
                    <div class="guide-item-content">
                        <ul>
                            <li class="online-consultation-remark"><a
                                    class="e-online-consultation showOulaiya">线上美容顾问</a>
                            </li>
                            <li class="none-sm">
                                <p>客服热线：400-820-8016</p>
                            </li>
                            <li class="none block-sm"><a href="tel:400-820-8016">客服热线：400-820-8016</a></li>
                        </ul>
                    </div>
                </li>
                <li class="send-return">
                    <h3><a href="/customer-service-help-center.html">配送及退货</a></h3>
                </li>
                <li class="counter-query">
                    <h3><a href="/stores">专柜查询</a></h3>
                </li>
                <li class="">
                    <h3>关注我们</h3>
                    <div class="item-share">
                        <ul class="float-clearfix">
                            <li>
                                <a><i class="icon iconfont icon-weixin"></i><span>官方微信</span></a>
                                <div class="weixin-popup">
                                    <div>
                                        <img src="https://res.lancome.com.cn/build/images/new-img/footer-4.png"
                                            style="opacity: 1;">
                                    </div>
                                </div>
                            </li>
                            <li class="wei-bo"><a target="_blank" href="https://weibo.com/lancome"><i
                                        class="icon iconfont icon-xinlangweibo"></i><span>官方微博</span></a>
                            </li>
                        </ul>

                    </div>
                </li>
            </ul>
            <div class="footer-select float-clearfix">
                <div class="footer-select-item">
                    <p><i class="icon icon-mail none-sm"></i><span>电子邮件</span></p>
                    <div class="form-input subscribe">
                        <input class="footer-bottom-input" type="text" maxlength="" placeholder="* 输入您的邮箱"
                            id="subscribe">
                        <button class="e-footer-mail-btn" id="subscription">确定</button>
                        <div class="msg-block">
                            <span style="color:#d51b51;font-size:12px">请输入有效的邮箱</span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer-container">
            <ul style="margin-bottom: 18px;font-size: 12px;">
                <li><span>国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。</span>
                </li>
            </ul>

            <ul class="statement">
                <li class="none-sm">
                    <span>© L’Oreal China 欧莱雅（中国）有限公司版权所有</span>
                </li>
                <li>
                    <i class="icon icon-footer-zggs"></i>
                    <a target="_blank"
                        href="http://wap.scjgj.sh.gov.cn//businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-2012041023233378655&amp;signData=MEQCIC1EYAXJibTl39TcZqED26v2xVQIXO0gFJ8lNsUhO02wAiBjblUFfS5r1ezDJXX3NoQixYijB6IdK7kJ7vx1664UZw=="
                        rel="nofollow">
                        <span>中国工商</span>
                    </a>&nbsp;
                    <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow">
                        <span>沪ICP备08100043号-34</span>
                    </a>
                </li>
                <li>
                    <i class="icon icon-footer-hgyab"></i>
                    <a target="_blank"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001526"
                        rel="nofollow">
                        <span>沪公网安备 31010602001526号</span>
                    </a>
                </li>
                <li class="none block-sm">
                    <span>© L’Oreal China 欧莱雅（中国）有限公司版权所有</span>
                </li>
            </ul>
            <div class="con-content">
                <ul>
                    <li>
                        <a target="_blank" href="http://policy.lorealchina.com/termsofusewebsite"
                            rel="nofollow">使用条款</a>
                    </li>
                    <li>
                        <a target="_blank" href="http://policy.lorealchina.com/cookiespolicy"
                            rel="nofollow">Cookies政策</a>
                    </li>
                    <li>
                        <a target="_blank" href="http://policy.lorealchina.com/privacypolicy" rel="nofollow">隐私政策</a>
                    </li>
                </ul>
                <p class="none-sm">浏览该网站表示您接受并同意我们使 用cookies为您提供个性化的浏览体验。点击<a target="_blank"
                        href="http://policy.lorealchina.com/cookiespolicy">Cookies政策</a>了解详情</p>
            </div>
        </div>
    </footer>
    <script src="./vendor/jquery/jquery.min.js"></script>
    <script src="./vendor/utils.js"></script>
    <script src="./javascripts/lian.js"></script>
    

</body>

</html>